<template>
  <SixBarChart
    class="numberpatients"
    :timeChart="RovChart"
    :echartId="'np'"
    :times="true"
  />
</template>
<script>
import SixBarChart from '../../components/complianceRate/components/navCharts.vue'
export default {
  components: { SixBarChart },
  data () {
    return {
      RovChart: {
        rotate: 25,
        yname: [
          {
            name: '总数量(份)',
            type: 'value',
            splitLine: {
              show: true,
              lineStyle: {
                color: 'rgba(65,97,128,0.15)',
                width: 1,
                type: 'solid'
              }
            },
            axisLine: {
              lineStyle: { color: 'rgba(255,255,255,0.70)' }
            }
          },
          {
            name: '总金额(万)',
            type: 'value',
            splitLine: {
              show: true,
              lineStyle: {
                color: 'rgba(65,97,128,0.15)',
                width: 1,
                type: 'solid'
              }
            },
            axisLine: {
              lineStyle: { color: 'rgba(255,255,255,0.70)' }
            }
          }
        ],
        xdata: [
          '工程建设类',
          '买卖类',
          '运维检修类',
          '财务资产金融类',
          '股权处置类',
          '技术服务类',
          '信息化建设类',
          '后勤服务类',
          '运输仓储类',
          '宣传与公共关系类',
          '咨询委托类',
          '劳务服务类',
          '保密',
          '电力汽车服务',
          '节能服务类',
          '战略合作类',
          '其他'
        ],
        series: [
          {
            type: 'bar',
            barWidth: '35%',
            data: [
              332, 123, 285, 113, 220, 308, 78, 235, 185, 263, 45, 182, 335,
              425, 660, 525, 421, 123
            ],
            itemStyle: {
              color: 'orange',
              barBorderRadius: [0, 0, 0, 0]
            }
          },
          {
            type: 'line',
            data: [
              162, 113, 85, 213, 320, 208, 78, 35, 85, 63, 45, 82, 335, 425,
              660, 525, 421, 123
            ],
            itemStyle: {
              color: 'red',
              barBorderRadius: [0, 0, 0, 0]
            }
          }
        ]
      }
    }
  }
}
</script>
<style scoped>
.numberpatients{
}
</style>
